<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/classification.css">
</head>
<body>
<div class="web">
    <header class="clearfix">
        <div class="back fl">
            <a href="javascript:history.go(-1)"><span>back</span></a>
        </div>
        <div class="h_right fr">
            <div class="h_address">
                <select name="" id="">
                    <option value="1">广州</option>
                    <option value="2">深圳</option>
                </select>
                <i class="iconfont icon-xialajiantou"></i>
            </div>
        </div>
        <div class="h_center">
            <span>分类</span>
        </div>
    </header>
    <main>
        <div class="classfication_type">
            <ul>
                <li>
                    <div class="clf_type_div">
                        <img src="../img/classifice/type_1.jpg" alt="分类图片">
                    </div>
                    <p>美食</p>
                </li>
                <li>
                    <div class="clf_type_div">
                        <img src="../img/classifice/type_1.jpg" alt="分类图片">
                    </div>
                    <p>美食</p>
                </li>
                <li>
                    <div class="clf_type_div">
                        <img src="../img/classifice/type_1.jpg" alt="分类图片">
                    </div>
                    <p>美食</p>
                </li>
                <li>
                    <div class="clf_type_div">
                        <img src="../img/classifice/type_1.jpg" alt="分类图片">
                    </div>
                    <p>美食</p>
                </li>
                <li>
                    <div class="clf_type_div">
                        <img src="../img/classifice/type_1.jpg" alt="分类图片">
                    </div>
                    <p>美食</p>
                </li>
                <li>
                    <div class="clf_type_div">
                        <img src="../img/classifice/type_1.jpg" alt="分类图片">
                    </div>
                    <p>美食</p>
                </li>
                <li>
                    <div class="clf_type_div">
                        <img src="../img/classifice/type_1.jpg" alt="分类图片">
                    </div>
                    <p>美食</p>
                </li>
                <li>
                    <div class="clf_type_div">
                        <img src="../img/classifice/type_1.jpg" alt="分类图片">
                    </div>
                    <p>美食</p>
                </li>
            </ul>
            <div class="clf_subscript">
                <ul>
                    <li class="light"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="common_title_all clf_foods">
            <div class="common_title clearfix">
                <div class="ct_left">
                    <i class="iconfont icon-meishi"></i>
                    <span>美食类</span>
                </div>
                <div class="more fr">
                    <span>更多</span>
                    <i class="iconfont icon-arrow-circle-o-right"></i>
                </div>
            </div>
            <div class="clf_common_div">
                <div class="clf_div_img">
                    <img src="../img/classifice/foods_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/foods_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/foods_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/foods_1.jpg">
                </div>
            </div>
        </div>
        <div class="common_title_all clf_foods">
            <div class="common_title clearfix">
                <div class="ct_left">
                    <i class="iconfont icon-yundong"></i>
                    <span>运动类</span>
                </div>
                <div class="more fr">
                    <span>更多</span>
                    <i class="iconfont icon-arrow-circle-o-right"></i>
                </div>
            </div>
            <div class="clf_common_div">
                <div class="clf_div_img">
                    <img src="../img/classifice/exercise_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/exercise_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/exercise_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/exercise_1.jpg">
                </div>
            </div>
        </div>
        <div class="common_title_all clf_foods">
            <div class="common_title clearfix">
                <div class="ct_left">
                    <i class="iconfont icon-dianying"></i>
                    <span>电影类</span>
                </div>
                <div class="more fr">
                    <span>更多</span>
                    <i class="iconfont icon-arrow-circle-o-right"></i>
                </div>
            </div>
            <div class="clf_common_div">
                <div class="clf_div_img">
                    <img src="../img/classifice/movce_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/movce_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/movce_1.jpg">
                </div>
                <div class="clf_div_img">
                    <img src="../img/classifice/movce_1.jpg">
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="f_div">
            <ul>
                <li>
                    <a href="../index.html">
                        <i class="iconfont icon-zhuye"></i>
                        <div>主页</div>
                    </a>
                </li>
                <li>
                    <a href="classification.html">
                        <i class="iconfont icon-leimupinleifenleileibie"></i>
                        <div>分类</div>
                    </a>
                </li>
                <li>
                    <a href="discover.html">
                        <i class="iconfont icon-faxian"></i>
                        <div>发现</div>
                    </a>
                </li>
                <li>
                    <a href="myself.html">
                        <i class="iconfont icon-tubiao5"></i>
                        <div>我的</div>
                    </a>
                </li>
            </ul>
        </div>
    </footer>
</div>
</body>
<script type="text/javascript" src="../js/rem.js"></script>
</html>